<template>
<div>
  <div class="row">
          <div class="col-md-8">
            <div class="element-tabs">
              <el-tabs v-model="activeName" @tab-click="handleClick" >
                <el-tab-pane label="全部" name="Home" ></el-tab-pane>
                <el-tab-pane label="企业风采" name="second"></el-tab-pane>
                <el-tab-pane label="产品展示" name="third"></el-tab-pane>
                <el-tab-pane label="人才俱乐部" name="fourth"></el-tab-pane>
                <el-tab-pane label="人物专访" name="ActiveCooperation"></el-tab-pane>
              </el-tabs>
            </div>
          </div>
        <div class="col-md-4"> <div class="contribute">我要投稿</div></div>

  </div>
  <div class="center-text">
    <h2>
      引导基金投资企业 南智传感：神奇光纤感知大地
    </h2>
    <div>
      熙重电子科技有限公司
    </div>
    <div><span>110次阅读</span><span>2018-01-15</span></div>
    <p>
      引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地引导基金投资企业| 南智传感：神奇光纤感知大地。
    </p>
  </div>
</div>
</template>

<script>
    export default {
        name: "PersonnelServiceDetail",
      data(){
        return{
          activeName: 'Home',
          currentTabComponent:'Home',

        }
      },
      methods: {
        handleClick(tab, event) {
          this.currentTabComponent=tab.name
          console.log(tab.name, event);
        }
      }
    }
</script>

<style scoped>
  .contribute{
    width: 100%;
    text-align: center;
    background:linear-gradient(0deg,rgba(21,117,249,1),rgba(47,193,247,1));
    padding: 20px 0;
    color: #ffffff;
    margin-bottom: 20px;

  }
  .center-text{
    text-align: center;
    margin-top: 50px;
  }
</style>
